(function ($) {
    $.extend({
        gouwuche: {}
    })
    $.extend($.gouwuche, {
        init: function () {
            this.loadlist()
            this.event()
            this.jisuan()
        },
        arr: [],
        jisuan:function(){
            var aaa=0
            $("input[type=checkbox]:gt(0):checked").each(function () {
                aaa+=parseFloat($(this).parent().siblings(".zongjia").html())

            })
            console.log(aaa)
            $("h1").text(aaa.toFixed(2))
        },
        event: function () {

            $("input[type=checkbox].selectall").change(function () {
                $("input[type=checkbox]:gt(0)").prop("checked",$(this).prop("checked"))
                
            })
            $("#list").on("change","input[type=checkbox]:gt(0)",function () {
                var istrue=true
                $("input[type=checkbox]:gt(0)").each(function () {
                    if(!$(this).prop("checked"))
                        istrue=false
                        return
                })
                $("input[type=checkbox].selectall").prop("checked",istrue)
            })
            $("#list").on("change","input[type=checkbox]",function(){
                $.gouwuche.jisuan()
            })
            $("#list").on("click",".del",function () {
                if(!confirm("确定删除"))return
                var thisid=$(this).data("id")
                $.gouwuche.arr=$.gouwuche.arr.filter(function (item) {
                    return item.id===thisid
                })
                $(this).parent().remove()
                $.cookie("user",JSON.stringify($.gouwuche.arr))
                $.gouwuche.jisuan()
            })


            $("#list").on("click", ".jia",   function () {
                for (var i = 0; i < $.gouwuche.arr.length; i++) {
                    if ($.gouwuche.arr[i].id === $(this).data("id")) {
                        $.gouwuche.arr[i].count++
                        $(this).prev().text($.gouwuche.arr[i].count)
                       var  aa=parseFloat(  $(this).parent().siblings(".price").text())
                        $(this).parent().siblings(".zongjia").text($.gouwuche.arr[i].count*aa)
                        break
                    }
                }
                $.cookie("user", JSON.stringify($.gouwuche.arr))
                $.gouwuche.jisuan()
            })
            $("#list").on("click", ".jian", function () {
                if ($(this).next().text() === "1") return
                for (var i = 0; i < $.gouwuche.arr.length; i++) {
                    if ($.gouwuche.arr[i].id === $(this).data("id")) {
                        $.gouwuche.arr[i].count--
                        $(this).next().text($.gouwuche.arr[i].count)
                        var  aa=parseFloat(  $(this).parent().siblings(".price").text())
                        $(this).parent().siblings(".zongjia").text($.gouwuche.arr[i].count*aa)
                        break
                    }

                }
                $.cookie("user", JSON.stringify($.gouwuche.arr))
                $.gouwuche.jisuan()
            })

        },
        loadlist: function () {
            if ($.cookie("user")) {
                $.gouwuche.arr = JSON.parse($.cookie("user"))
                $.get("data/3.json", function (data) {
                    var aaa=0
                    data.forEach(function (item) {
                        $.gouwuche.arr.forEach(function (item1) {
                            if (item1.id.toString() === item.id)
                                $("#list").append(`
                                 <tr>
										<td>
											<input type="checkbox" data-id="${item.id}"/>
										</td>
										<td>${item.id}</td>
										<td><img style="height:100px" src="${item.pic}"/></td>
										<td>${item.name}</td>
										<td>
											<button class="jian" data-id="${item.id}">-</button>
											<span>${item1.count}</span>
											<button class="jia" data-id="${item.id}">+</button>
										</td>
										<td class="price">${item.piace}</td>	
										<td class="zongjia">${item1.count * item.piace}</td>
										<td style="text-decoration:underline" class="del" data-id="${item.id}">删除</td>
									</tr>`)
                            aaa+=item1.count * item.piace
                        })

                    })
                    $("input[type='checkbox']").prop("checked",true)

                    $("h1").text(aaa.toFixed(2))
                })


            }
        }
    });
})(jQuery)
